<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="颜色测试4.html">
</head>
<style>
    .internal-p{
        color: #571a8d;
    }
    /*body *{*/
    /*    color: chartreuse;*/
    /*}*/
    .a{
        color: rebeccapurple;
    }
    div:hover{
        background-color: rosybrown;
    }
   #div div:nth-child(4){
        color: coral;
    }
</style>

<body id="div">




<p>浏览器样式</p>
<p style="color: red;">内嵌样式</p>
<p class="internal-p">内部测试</p>
<p id="798">789</p>
<p  class="a">a1 </p>
<p class="a">a2 </p>
<p class="a">a3 </p>
<p class="a">a4 </p>
<div>一杯敬朝阳</div>
<div>一杯敬月光</div>
<div>一杯敬月光01</div>
<div>一杯敬月光02</div>

</body>
</html>